<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>视频中心_华润集团欢迎您</title>

    <!--<script src="../src/js/dookayui.min.js"></script>-->
    <script src="../src/js/jquery-1.7.1.min.js"></script>
    <!--<script src="../src/js/common.js"></script>-->
    <script src="../src/js/videoshow.js"></script>

    <style>

        /*视频中心*/
        .videolist{ overflow:hidden; width:100%; }
        .videolist ul{ width:810px; padding-left:1px; overflow:hidden;}
        .videolist .item{ background-color:#fff; float:left; display:inline; border:1px solid #dbdbdb; width:179px; height:190px; margin:10px 10px 15px 0; overflow:hidden;}
        .videolist .pic{width:169px; height:120px;overflow:hidden; padding:5px;}
        .videolist .pic img{ display:block;}
        .videolist .playbox,.videolist .play,.videolist .play_bg{ position:absolute; display:block; width:179px; height:130px;}
        .videolist .playbox{ display:none; margin:-125px 0 0 -5px;}
        .videolist .play{ background:url(2013_btn_play.png)/*tpa=http://winfo.crc.com.cn/images/2013_btn_play.png*/ no-repeat left top; _background-image:url(btn_play.gif)/*tpa=http://winfo.crc.com.cn/images/btn_play.gif*/;/*for ie6*/ left:50%; top:50%; width:25px; height:29px; margin:-13px 0 0 -15px; overflow:hidden; text-indent:-9999px; line-height:9999px; cursor:pointer; z-index:1;}
        .videolist .play_bg{ background-color:#000; opacity:0.5;filter:alpha(Opacity=50)}
        .videolist .conts{ padding:5px 10px;}
        #divBacking{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); background: black; display: none;}
        #divframe{position: absolute; left: 0px; top: 0px; display: none; z-index: 100;}
        .video_popbox{ position:relative; width:744px; padding:18px;}
        .video_popbox  .close{ background:url(2013_fancy_close.png)/*tpa=http://winfo.crc.com.cn/images/2013_fancy_close.png*/ no-repeat left top; position:absolute; right:0; top:0;width:48px; height:48px; cursor:pointer;}
        .video_popbox .sp_bg{ background:#fff;width:720px; height:475px; padding:15px 0 0 15px;}

    </style>
    <script>
        function showDiv(url, w, h) {
            common.setPosition("divframe", w, h);
            common.setIframe(w, h, url);
            common.showWin();
        }
    </script>

</head>

<body>
<div id="overlay">
    <div class="otherswrap" id="discover">
        <div class="layout">
            <!--end othersmenu-->
            <div class="othersmain videomain fr">
                <div class="videolist">
                    <ul>
                        <li class="item">
                            <div class="pic">
                                <img src="W020180309494320012167.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/Promo/201803/W020180309494320012167.jpg"
                                     alt="未标题-1.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2018/03/06/20180306_161f9e1fb63_r28.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润集团形象片</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020180309494480360271.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/Promo/201803/W020180309494480360271.jpg"
                                     alt="jianjei.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2018/03/06/20180306_161f9e45fb7_r28.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润集团简介片</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020150619587399808982.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201506/W020150619587399808982.jpg"
                                     alt="snow.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2015/06/19/20150619_14e0adff822_r28_1200k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>雪花纯生形象篇</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020150616559752909057.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201506/W020150616559752909057.jpg"
                                     alt="yb.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2015/06/16/20150616_14dfb34b4c4_r28_800k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>怡宝“心纯净 行至美”</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020150616574891056345.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201506/W020150616574891056345.jpg"
                                     alt="ej.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2015/06/16/20150616_14dfb548a34_r28_1200k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>东阿阿胶复方阿胶浆</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020140616632499671333.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201406/W020140616632499671333.jpg"
                                     alt="98.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2014/05/09/20140509_145e04fae85_r28_400k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润三九 999全系列家庭用药</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020140616632493476411.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201406/W020140616632493476411.jpg"
                                     alt="s3.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2014/05/09/20140509_145e0582583_r28_400k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润雪花 翻越喜马拉雅</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020140616632492745880.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201406/W020140616632492745880.jpg"
                                     alt="s2.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2014/05/09/20140509_145e0591778_r28_400k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润雪花 雪花第一赛场（竞赛篇）</p>
                            </div>
                        </li>

                        <li class="item">
                            <div class="pic">
                                <img src="W020140616632491742931.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/commercials/201406/W020140616632491742931.jpg"
                                     alt="s1.jpg" width="169" height="120"/>
                                <div class="playbox" style="display:block;">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2014/05/09/20140509_145e0591778_r28_400k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>华润雪花 勇闯天涯</p>
                            </div>
                        </li>



                        <li class="item">
                            <div class="pic">
                                <img src="W020140616622889425805.jpg"
                                     tppabs="http://winfo.crc.com.cn/news/video/Promo/201406/W020140616622889425805.jpg"
                                     alt="jz-s.jpg" width="169" height="120"/>
                                <div class="playbox">
                                    <a class="play"
                                       onclick="showDiv('http://media.crc.com.hk/mas/play.html?path=public/2014/05/27/20140527_1463c45588e_r28_400k.f4m',784,517);">播放</a>
                                    <span class="play_bg"></span>
                                </div>
                            </div>
                            <div class="conts">
                                <p>《美丽的乡村之梦-金寨篇》微电影</p>
                            </div>
                        </li>

                    </ul>
                </div>
                <div class="pages">
                    <span class="box btnpre"><script>createPageHTML(2, 0, "index", "htm");</script> </span>
                </div><!--end pages-->
            </div><!--end othersmain-->
        </div>
    </div><!--end otherswrap-->

</div><!--end overlay-->

<!--视频弹窗-->
<div id="divBacking"></div>
<!-- iframe-->

<div id="divframe">
    <div id="js_frameClose"
         style="width: 50px; height: 50px; background: url(2013_fancy_close.png) no-repeat scroll 0px 0px transparent; position: absolute; z-index: 9999; top: -30px; right: -30px; cursor: pointer;"></div>
    <iframe id="iframe" frameborder="0" scrolling="no" src="play.html-path="
            allowtransparency="true" ></iframe>
</div>

<script type="text/javascript">
    $('#js_frameClose').click(function () {
        $('#iframe').attr("src", "");
        $('#divframe').fadeOut('fast');
        $('#divBacking').fadeOut('fast');
    });
</script>

</body>
</html>
<!--<script src="2013_jianfan.js" tppabs="http://winfo.crc.com.cn/images/2013_jianfan.js" type="text/javascript"></script>-->